@extends('layouts.app')

@section('content')
<div class="container public-fontsize">
    <div class="row clear">
        <div class="col-xs-12">
        	<!--carousel-->
        	<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
			  <!-- Indicators -->
			  <ol class="visible-md-block carousel-indicators">
			  	@foreach($articles as $k=>$article)
			  	<li data-target="#carousel-example-generic" data-slide-to="{{ $k }}" class="{{ $k==0?'active':'' }}"></li>
			  	@endforeach
			    <!-- <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
			    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
			    <li data-target="#carousel-example-generic" data-slide-to="2"></li> -->
			  </ol>
			
			  <!-- Wrapper for slides -->
			  <div class="carousel-inner" role="listbox">
			  @foreach($articles as $k=>$article)
			  	<a href="#1" class="item {{ $k==0?'active':'' }}">
			      <img src="{{ asset($article->cover) }}" alt="...">
			      <div class="carousel-caption">
			        {{ $article->title }}
			      </div>
			    </a>
			  @endforeach
			    <!-- <a href="#1" class="item active">
			      <img src="{{ asset('images/img3.png') }}" alt="...">
			      <div class="carousel-caption">
			        1
			      </div>
			    </a>
			    <a href="#2" class="item">
			      <img src="{{ asset('images/img3.png') }}" alt="...">
			      <div class="carousel-caption">
			        2
			      </div>
			    </a>
			    <a href="#3" class="item">
			      <img src="{{ asset('images/img3.png') }}" alt="...">
			      <div class="carousel-caption">
			        3
			      </div>
			    </a> -->
			  </div>
			
			  <!-- Controls -->
			  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
			    <span class="glyphicon glyphicon-chevron-left"></span>
			    <span class="sr-only">Previous</span>
			  </a>
			  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
			    <span class="glyphicon glyphicon-chevron-right"></span>
			    <span class="sr-only">Next</span>
			  </a>
			</div>
        	<!--carousel over-->
        </div>
    </div>
    @foreach($options as $option)
    <a href="{{ url('/option',['symbol'=>$option->code]) }}">
    <div class="row index-publicmargintop panel panel-default public-bodybg">
		
		<div class="col-xs-12 col-md-12 index-publicHeight index-publicmessagebottom">
			<div class="index-publicimgbox"><img class="img-responsive" src="{{ asset($option->icon) }}" /></div>
			<div class="index-publictitlebox index-publictitle">
				<p class="index-publicmessagekey">{{ $option->name }}</p>
				<p class="index-publicmessagestyle">{{ $option->description }}</p>
			</div>
			<div class="index-publicorientationbox"><span class="glyphicon glyphicon-chevron-right index-publicorientation"></span></div>
		</div>
		<div class="col-xs-12 col-md-12 index-publictipspadding">
			<div class="index-publictimebox">交易时段：{{ $option->times }}</div>
			<div class="index-publicmonybox">50元即可交易</div>
			<div class="index-publiccodebox"><kbd><kbd>T</kbd> + <kbd>0</kbd></kbd></div>
		</div>
		
		
	</div>
	</a>
	@endforeach
	<!-- <div class="row index-publicmargintop panel panel-default public-bodybg">
		<div class="col-xs-12 col-md-12 index-publicHeight index-publicmessagebottom">
			<div class="index-publicimgbox"><img class="img-responsive" src="{{ asset('images/index/third-index-list01.png') }}" /></div>
			<div class="index-publictitlebox index-publictitle">
				<p class="index-publicmessagekey">恒指期权</p>
				<p class="index-publicmessagestyle">投资小、见效快、双向交易</p>
			</div>
			<div class="index-publicorientationbox"><span class="glyphicon glyphicon-chevron-right index-publicorientation"></span></div>
		</div>
		<div class="col-xs-12 col-md-12 index-publictipspadding">
			<div class="index-publictimebox">09:15-16:30/17:15-23:45</div>
			<div class="index-publicmonybox">50元即可交易</div>
			<div class="index-publiccodebox"><kbd><kbd>T</kbd> + <kbd>0</kbd></kbd></div>
		</div>
	</div>
	<div class="row index-publicmargintop panel panel-default public-bodybg">
		<div class="col-xs-12 col-md-12 index-publicHeight index-publicmessagebottom">
			<div class="index-publicimgbox"><img class="img-responsive" src="{{ asset('images/index/third-index-list01.png') }}" /></div>
			<div class="index-publictitlebox index-publictitle">
				<p class="index-publicmessagekey">恒指期权</p>
				<p class="index-publicmessagestyle">投资小、见效快、双向交易</p>
			</div>
			<div class="index-publicorientationbox"><span class="glyphicon glyphicon-chevron-right index-publicorientation"></span></div>
		</div>
		<div class="col-xs-12 col-md-12 index-publictipspadding">
			<div class="index-publictimebox">09:15-16:30/17:15-23:45</div>
			<div class="index-publicmonybox">50元即可交易</div>
			<div class="index-publiccodebox"><kbd><kbd>T</kbd> + <kbd>0</kbd></kbd></div>
		</div>
	</div> -->
</div>
@endsection
